<template>
  <div class="dashboard-container">
    <el-card class="box-card" style="margin:15px">
      <el-form ref="form" :rules="formRules" :model="form" label-width="80px">
        <el-row>
          <el-col :span="6">
            <el-form-item label="活动名称活动名称" prop="name">
              <el-input size="mini" v-model="form.name"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="活动区域" prop="name">
              <el-select
                size="mini"
                v-model="form.region"
                placeholder="请选择活动区域"
              >
                <el-option
                  label="区域一区域一区域一"
                  value="shanghai"
                ></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="活动区域" prop="name">
              <el-select
                size="mini"
                v-model="form.region"
                placeholder="请选择活动区域"
              >
                <el-option
                  label="区域一区域一区域一"
                  value="shanghai"
                ></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="活动区域" prop="name">
              <el-select
                size="mini"
                v-model="form.region"
                placeholder="请选择活动区域"
              >
                <el-option
                  label="区域一区域一区域一"
                  value="shanghai"
                ></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: ""
      },
      formRules: {
        name: [{ required: true, message: "请输入母亲姓名", trigger: "change" }]
      }
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    }
  }
};
</script>

<style>
.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>
